$(function(){
  $("#btn-login").on('click',function(){
    // 验证表单
    if(utils.validateEmpty('#email')){
      // 提示用户，邮箱不能为空
      $(".modal-body>.container-fluid").text('邮箱不能为空');
      $("#modelId").modal();
      return;
    }
    if(utils.validateEmpty('#password')){
      $(".modal-body>.container-fluid").text('密码不能为空');
      $("#modelId").modal();
      return;
    }
    // 验证是否是一个邮箱的格式 - 正则表达式验证
    // 正则表达式只是一种另外的语法，有很多特殊符号表达特殊的意义，现在不会不要紧，重点是学会如何使用它们
    let reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;// 这是一个正则对象
    if(!reg.test($("#email").val())){
      $(".modal-body>.container-fluid").text('邮箱格式不正确，请输入正确的邮箱');
      $("#modelId").modal();
      return;
    }
    // 收集数据  serialize 要有name属性
    let data = $(".login-wrap").serialize();
    console.log(data);
    // ajax请求
    // $.post(url,data,success,dataType);// 简写的post请求
    $.post('/admin_do_login',data,(res)=>{
      let tip = null;
      if(res.code == 200){
        tip = '登录成功';  
        isSuccess = true;      
      }else {
        tip = '登录失败，用户名或或者密码错误'
      }
      $(".modal-body>.container-fluid").text(tip);
      $("#modelId").modal();
    });
  });

  let isSuccess = false;
  // 当模态框消失的时候，如果登录成功了，就跳转到主页
  $('#modelId').on('hide.bs.modal',()=>{
    //判断是否已经登录成功
    if(isSuccess){
      location.href='/admin/index';
    }
  });

});